<!--
 * @Author: 孙文豪
 * @Description: 
 * @Date: 2024-03-04 13:44:52
 * @LastEditTime: 2024-03-05 14:31:47
 * @LastEditors: 孙文豪
-->
<script setup></script>

<template>
  <div id="appPage">
    <router-view />
  </div>
</template>

<style  lang="less">
#appPage {
  position: relative;
  width: 100%;
  height: 100%;
  // 滚动组件整体
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  // 滚动槽
  ::-webkit-scrollbar-track {
    background: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
  }
  // 滚动滑块
  ::-webkit-scrollbar-thumb {
    background-color: @HSC;
    background-clip: padding-box;
    min-height: 50px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
  }
  // 滚动经过
  ::-webkit-scrollbar-thumb:hover {
    background-color: @HSB;
  }
}
</style>
